/* general.css */
.content_wrap#content{ padding:0 0 120px !important; }
.content_wrap#content section{ overflow:hidden; }
.sub_wrap{ padding:120px 0 0; }
.sub_wrap2{ padding:0; }
.sub_con{ max-width:1200px; width:100%; margin:0 auto; }


/* sub00 */

#sub00{ padding:0 20px; margin-bottom:120px; word-break:keep-all; }

.sub00_pt_wrap{ display:flex; align-items:center; flex-flow:row wrap; margin-bottom:80px; }
.sub00_pt.lt{ width:30%; min-width:250px; }
.sub00_pt.lt h2{ font-size:30px; font-weight:700; color:#333; overflow:hidden; line-height:1.2em; }
.sub00_pt.lt h2 span{ display:block; transform:translate(0, -102%); transition-duration:0.5s; transition-delay:0.5s; }
.sub00_pt.lt.act h2 span{ transform:translate(0, 0); }

.sub00_pt.rt{ padding-left:20px; width:70%; }
.sub00_pt.rt h3{ font-size:22px; font-weight:700; color:#444; margin-bottom:15px; }
.sub00_pt.rt p{ font-size:16px; font-weight:400; color:#777; overflow:hidden; }
.sub00_pt.rt p span{ display:block; transform:translate(-102%, 0); transition-duration:0.5s; transition-delay:1s; }
.sub00_pt.rt.act p span{ transform:translate(0, 0); }




@media(max-width:850px){
	.sub00_pt.lt{ width:100%; margin-bottom:20px; }
	.sub00_pt.rt{ width:100%; padding-left:0; }
}

@media(max-width:650px){
	#sub00{ margin-bottom:80px; }
	.sub00_pt p{font-size:15px;}
	
}

.sub00_pt2_wrap{ display:flex; flex-flow:row wrap; align-items:center; margin:0 -20px 30px; }
.sub00_pt2{ width:50%; padding:0 20px; }
.sub00_pt2.rt{ }

.sub00_pt2_img img{ display:block; width:100%; height:auto; border:1px solid #ddd; }

.sub00_pt2_txt{text-align:center; border:1px solid #ddd; padding:20px 25px; border-radius:50px;}
.sub00_pt2_txt p{font-size:20px; font-weight:600; color:#333; width:100%; max-width:440px; margin:0 auto;}

.sub00_arrow{width:30px; height:30px; border-bottom:2px solid #0f559f; border-left:2px solid #0f559f; transform:rotate(-45deg); margin:30px auto;}

.sub00_pt2_txt2{border:1px solid #ddd; padding:20px 25px; border-radius:50px;}
.sub00_pt2_txt2 p{font-size:20px; font-weight:600; color:#333; text-align:center; width:100%; max-width:450px; margin:0 auto;}
.sub00_pt2_txt2 p strong{font-weight:700; color:#0f559f;}


@media(max-width:750px){
	.sub00_pt2{ width:100%; margin-bottom:40px; }
	.sub00_pt2:last-child{ margin-bottom:40px; }
}

@media(max-width:650px){
	.sub00_pt2_txt p{font-size:18px;}
	.sub00_arrow{margin:20px auto;}
	.sub00_pt2_txt2 p{font-size:18px;}
}

.sub00_list > ul > li{ position:relative; margin-bottom:10px; padding-left:25px; font-size:20px; font-weight:400; color:#666; line-height:1.6em; }
.sub00_list > ul > li:last-child{ margin-bottom:0; }
.sub00_list > ul > li:before{ content:''; position:absolute; top:10px; left:0; width:12px; height:12px; border:3px solid #0f559f; box-sizing:border-box; }




/* subbn */

#subbn{ margin-bottom:120px; }
#subbn .sub_con{ max-width:100%; }

.subbn_bn{ position:relative; width:81.25%; padding-bottom:25%; background-image:url(./img/bn-01.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; }
.subbn_bn:after{ content:''; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-color:#fff; transform:scaleX(1); transform-origin:right center; transition-duration:0.75s; }
.subbn_bn.act:after{ transform:scaleX(0); }


@media(max-width:850px){
	.subbn_bn{ padding-bottom:250px; }
}

@media(max-width:650px){
	.subbn_bn{ width:100%; padding-bottom:200px; }
}



/* subhd */
.subhd_wrap{ height:70px; /*margin-bottom:100px;*/ }
.subhd{ height:70px; width:100%; margin:0 auto; background-color:#222; }
.subhd.fixed{ position:fixed; z-index:99999; top:0; left:0; }
.subhd > .subhd_box{ max-width:1200px; width:100%; height:100%; margin:0 auto; }

.subhd > .subhd_box > .subhd_btn_wrap{ width:100%; height:100%; display:flex; }
.subhd > .subhd_box > .subhd_btn_wrap > .subhd_btn{ position:relative; width:25%; padding:10px; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700; color:#fafafa; }
.subhd > .subhd_box > .subhd_btn_wrap > .subhd_btn.on:after{ content:''; position:absolute; z-index:10; top:50%; left:50%; transform:translate(-50%, 20px); width:70px; height:2px; background-color:#0e7eaf; }
.subhd > .subhd_box > .subhd_btn_wrap > .subhd_btn:hover{ color:#0e7eaf; }

.subhd > .subhd_box > .subhd_sel{ display:none; box-sizing:border-box; padding:10px; font-size:20px; font-weight:700; width:100%; height:100%; background-color:#222; border:none; color:#fafafa; }
.subhd > .subhd_box > .subhd_sel{ -moz-appearance:none; -webkit-appearance:none; background-image:url(../img/sel-arr.png); background-position:right 15px center; background-repeat:no-repeat; }
.subhd > .subhd_box > .subhd_sel::-ms-expand { display: none; }
.subhd > .subhd_box > .subhd_sel option:hover{ color:#0f559f; }

@media(max-width:850px){
	.subhd > .subhd_box > .subhd_btn_wrap{ display:none; }
	.subhd > .subhd_box > .subhd_sel{ display:block; }
}



/* sub01 */
#sub01{ padding:0; word-break:keep-all; }
#sub01 .sub_con{ padding:0 20px; }

.sub01_title{ max-width:800px; width:100%; margin:0 auto 50px; text-align:center; word-break:keep-all; padding-top:100px; }
.sub01_title h2{ font-family:'SS', 'Noto Sans KR'; font-size:40px; font-weight:800; color:#222; }
.sub01_title p{ font-family:'Noto Sans KR'; font-size:17px; font-weight:300; color:#666; }

.sub01_pt_wrap{ display:flex; flex-flow:row wrap; margin:0 -20px 100px; }
.sub01_pt{ width:25%; padding:0 20px; display:flex; justify-content:center; }
.sub01_pt_box{ max-width:300px; width:100%; text-align:center; }
.sub01_ic{ margin-bottom:20px; }
.sub01_txt{ word-break:keep-all; }
.sub01_txt p{ font-size:16px; font-weight:400; color:#777; }

@media(max-width:850px){
	.sub01_pt{ width:50%; margin-bottom:50px; }
	.sub01_pt:nth-child(n + 3){margin-bottom:0; }
}

@media(max-width:650px){
	.sub01_txt p{ font-size:15px;}
}

@media(max-width:480px){
	.sub01_pt{ width:100%; margin-bottom:50px; }
	.sub01_pt:nth-child(n + 3){margin-bottom:50px; }
	.sub01_pt:last-child{ margin-bottom:0; }
}

.sub01_sli_wrap{ background-color:#efefef; padding:100px 0 70px; }
#sub01_sli{ max-width:1200px; width:100%; padding-bottom:40px; }
.sub01_sli_box{ max-width:800px; width:100%; margin:0 auto; text-align:center; word-break:keep-all; padding:0 40px; }
.sub01_sli_box h3{ font-size:25px; font-weight:700; color:#333; margin-bottom:15px; }
.sub01_sli_box p{ font-size:16px; font-weight:400; color:#666; line-height:1.7em; }

.sub01_nav{ position:absolute; z-index:70; top:50%; margin-top:-40px; font-size:40px; font-weight:800; color:#333; }
#sub01_prev{ left:0; }
#sub01_next{ right:0; }
#sub01_page{ position:absolute; bottom:0; left:0; width:100%; text-align:center; }
#sub01_page .swiper-pagination-bullet{ background-color:transparent; border:1px solid #666; opacity:1; }
#sub01_page .swiper-pagination-bullet-active{ background-color:#333; border:1px solid #333; }

@media(max-width:600px){
	.sub01_sli_box{ padding:0 20px; }
	.sub01_nav{ display:none; }
}

/* sub02 */
#sub02{padding:110px 20px 0;}
.sub02_title{ max-width:800px; width:100%; margin:0 auto 50px; text-align:center; word-break:keep-all; }
.sub02_title h2{ font-family:'SS', 'Noto Sans KR'; font-size:40px; font-weight:700; color:#222; }
.sub02_title p{ font-family:'Noto Sans KR'; font-size:17px; font-weight:300; color:#666; }

.sub02_pt_wrap{display:flex; flex-flow:row wrap; margin:0 -15px;}
.sub02_pt{width:50%; padding:0 15px;}
.sub02_pt h3{font-size:24px; font-weight:700; color:#333; margin-bottom:10px; text-align:center;}
.sub02_txt{}
.sub02_txt p{font-size:16px; font-weight:400; color:#777; padding:10px 15px; border:1px solid #ddd; margin-bottom:20px; text-align:center;}
.sub02_txt p:last-child{margin-bottom:0;}

@media(max-width:1200px){
	.sub02_pt_wrap{margin:0 -10px;}
	.sub02_pt{padding:0 10px;}
}

@media(max-width:800px){
	.sub02_pt{width:100%;}
	.sub02_pt:first-child{margin-bottom:30px;}
}

@media(max-width:650px){
	.sub02_txt p{font-size:15px;}
}




/* sub03 */
#sub03{ padding:110px 20px; }

.sub03_title{ max-width:800px; width:100%; margin:0 auto 50px; text-align:center; word-break:keep-all; }
.sub03_title h2{ font-family:'SS', 'Noto Sans KR'; font-size:40px; font-weight:800; color:#222; }
.sub03_title p{ font-family:'Noto Sans KR'; font-size:17px; font-weight:300; color:#666; }

.sub03_pt_wrap{display:flex; flex-flow:row wrap; margin:0 -30px;}
.sub03_pt{width:33.33333333%; padding:0 30px; margin-bottom:40px;}
.sub03_img{margin-bottom:20px;}
.sub03_img img{ width:100%; height:auto; display:block; }
.sub03_txt h3{font-size:20px; font-weight:700; color:#333; margin-bottom:10px;}
.sub03_txt p{font-size:16px; font-weight:400; color:#777;}


@media(max-width:1200px){
	.sub03_pt_wrap{margin:0 -15px;}
	.sub03_pt{padding:0 15px;}
}

@media(max-width:900px){
	.sub03_pt{width:50%;}
}


@media(max-width:650px){
	.sub03_txt h3{font-size:18px;}
	.sub03_txt p{font-size:15px;}
}

@media(max-width:550px){
	.sub03_pt{width:100%;}
}

/*.sub03_sli_wrap{ margin:0 -20px; }
#sub03_sli{ padding:0 0 50px; }
.swiper-slide.sub03_sli{ height:auto; }
.sub03_img{ width:100%; margin-bottom:30px; }
.sub03_txt{ text-align:center; word-break:keep-all; opacity:0; transition-duration:0.3s; transition-delay:0.4s; }
.sub03_sli.swiper-slide-active .sub03_txt{ opacity:1; }
.sub03_txt h3{ font-size:25px; font-weight:600; color:#333; margin-bottom:15px; }
.sub03_txt p{ font-size:16px; font-weight:400; color:#666; line-height:1.7em; }

.sub03_nav{ position:absolute; z-index:60; top:50%; margin-top:-55px; width:50px; height:110px; font-size:30px; color:#fff; background-color:rgba(0,0,0,0.75); display:flex; align-items:center; justify-content:center; }
.sub03_nav#sub03_prev{ left:0; border-radius:0 10px 10px 0; }
.sub03_nav#sub03_prev i{ transform:translate(-20%, 0); }
.sub03_nav#sub03_next{ right:0; border-radius:10px 0 0 10px; }
.sub03_nav#sub03_next i{ transform:translate(20%, 0); }

#sub03_page{ position:absolute; z-index:60; bottom:0; left:0; width:100%; text-align:center; }
#sub03_page .swiper-pagination-bullet{ background-color:transparent; border:1px solid #666; opacity:1; }
#sub03_page .swiper-pagination-bullet-active{ background-color:#333; border:1px solid #333; }

@media(max-width:650px){
	#sub03_sli{ padding:0 20px 50px; }
	.sub03_nav{ display:none; }
}*/




/* sub04 */
#sub04{ padding:110px 20px 0; }

.sub04_title{ max-width:800px; width:100%; margin:0 auto 50px; text-align:center; word-break:keep-all; }
.sub04_title h2{ font-family:'SS', 'Noto Sans KR'; font-size:40px; font-weight:800; color:#222; }
.sub04_title p{ font-family:'Noto Sans KR'; font-size:17px; font-weight:300; color:#666; }

#sub04 h2.upper_table{ font-size:30px; font-weight:700; color:#333; margin-bottom:20px; transform:translate(-100px, 0); opacity:0; transition-duration:0.5s; }
#sub04.act h2.upper_table{ transform:translate(0, 0); opacity:1; }

.sub04_table{ overflow-x:auto; table-layout:fixed; box-sizing:border-box; opacity:0; transition-duration:0.3s; transition-delay:0.5s; margin-bottom:70px; }
#sub04.act .sub04_table{ opacity:1; }
.sub04_table table{ min-width:900px; border-collapse:collapse; border-top:2px solid #333; text-align:center; border-bottom:2px solid #ddd; }

.sub04_table th{ font-size:18px; font-weight:600; color:#333; background-color:#f2f2f2; padding:10px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.sub04_table th:last-child{ border-right:none; }

.sub04_table td{ font-size:17px; font-weight:400; color:#777; background-color:#fff; padding:10px 15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.sub04_table td:last-child{ border-right:none; }

.sub04_table td ul li{ position:relative; padding-left:20px; margin-bottom:5px; text-align:left; }
.sub04_table td ul li:before{ content:''; position:absolute; z-index:1; top:8.5px; left:0; width:6px; height:6px; background-color:#333; border-radius:100%; }
.sub04_table td ul li:last-child{ margin-bottom:0; }



/* sub05 */
#sub05{ padding:110px 20px 0; }

.sub05_title{ max-width:800px; width:100%; margin:0 auto 50px; text-align:center; word-break:keep-all; }
.sub05_title h2{ font-family:'SS', 'Noto Sans KR'; font-size:40px; font-weight:800; color:#222; }
.sub05_title p{ font-family:'Noto Sans KR'; font-size:17px; font-weight:300; color:#666; }

.sub05_list{ margin-bottom:70px; }
.sub05_list:last-child{ margin-bottom:0; }

.sub05_pt_wrap{ display:flex; border-bottom:1px solid #ddd; padding:20px 0; align-items:center;}
.sub05_icon{ width:50px; min-width:50px; }
.sub05_txt{ padding-left:20px; }
.sub05_txt h3{ font-size:20px; font-weight:700; color:#333; margin-bottom:10px; line-height:1.1em; }
.sub05_txt p{ font-size:16px; font-weight:400; color:#777; margin-bottom:10px; }
.sub05_txt a{ display:block; font-size:16px; font-weight:400; color:#149dd9; }
.sub05_txt a:hover{ color:#0f559f; }


@media(max-width:650px){
	.sub05_icon{ width:60px; min-width:60px; }
	.sub05_txt{ padding-left:20px; }
	.sub05_txt h3{ font-size:18px; }
	.sub05_txt p{ font-size:15px; }
	.sub05_txt a{ font-size:15px; }

}

@media(max-width:400px){
	.sub05_icon{ display:none; }
	.sub05_txt{ padding-left:0; }
}